<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8" />
    <meta name="site" content="" />
    <title>Novem</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <script type="module" src="src/main.js"></script>
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
    />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <link rel="manifest" href="/assets/manifest.json" />
    <link
      rel="icon"
      type="image/png"
      sizes="192x192"
      href="/assets/app-icons/icon-192x192.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      sizes="180x180"
      href="/assets/app-icons/icon-180x180.png"
    />
  </head>
  <body class="stretched">
    <main id="wrapper">
      <div id="top-bar">
        <div class="container">
          <div class="row justify-content-between">
            <div class="col-auto">
              <div class="top-links">
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >学生</a
                >
                <a
                  href="http://www.zcu.edu.cn"
                  target="_blank"
                  rel="noopener noreferrer"
                  >教职工</a
                >
              </div>
            </div>
            <div class="col-auto topbar-tools"></div>
          </div>
        </div>
      </div>

      <header id="header" data-mobile-sticky="true">
        <div id="header-wrap">
          <div class="container">
            <div class="header-row">
              <div id="logo">
                <a href="#" title="#" target="_blank" rel="noopener noreferrer">
                  <img src="/assets/images/logo.png" alt="#" />
                </a>
              </div>
              <div class="primary-menu-trigger">
                <button class="nvm-hamburger" type="button" title="移动端导航">
                  <span class="nvm-hamburger-box">
                    <span class="nvm-hamburger-inner"></span>
                  </span>
                </button>
              </div>
              <nav class="primary-menu mobile-menu-overlay">
                <ul class="menu-container">
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#1" rel="noopener noreferrer">首页</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#2" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                    <ul class="sub-menu-container">
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link">
                          <a href="#21">测试二级菜单长度</a>
                        </div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                      <li class="menu-item">
                        <div class="menu-link"><a href="#21">子菜单1</a></div>

                        <ul class="sub-menu-container">
                          <li class="menu-item">
                            <div class="menu-link">
                              <a href="#211">子菜单11</a>
                            </div>
                            <ul class="sub-menu-container">
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                              <li class="menu-item">
                                <div class="menu-link">
                                  <a href="#2111">子菜单111</a>
                                </div>
                              </li>
                            </ul>
                          </li>
                        </ul>
                      </li>
                    </ul>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#3" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#4" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#5" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#6" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#7" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#8" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#9" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#10" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                  <li class="menu-item">
                    <div class="menu-link">
                      <a href="#11" rel="noopener noreferrer">下拉菜单</a>
                    </div>
                  </li>
                </ul>
              </nav>
            </div>
          </div>
        </div>
      </header>

      <section class="page-title">
        <img
          src="/assets/images/page/about/intro-1.jpg"
          alt="郑州城市职业学院"
          class="page-title-bg"
        />
        <div class="container">
          <div class="row">
            <div class="col-auto">
              <h1 class="title">要闻资讯</h1>
              <p class="intro">要闻资讯要闻资讯要闻资讯</p>
            </div>
            <div class="col-auto"></div>
          </div>
        </div>
      </section>

      <section id="content">
        <div class="content-wrap">
          <div class="container mb-5">
            <div class="row justify-content-center">
              <div class="col-12 col-xl-10 py-3 py-xl-5">
                <div class="text-justify">
                  郑州城市职业学院是经河南省人民政府批准、教育部备案的普通高等职业院校，是“河南省职业教育特色院校”、“城市建设人才的摇篮”。学校立足国家中心城市郑州，专注于培养高端技术技能人才，已为社会培育数万余名具有创新精神和实践能力、值得信任、有社会责任感的城市建设与服务行业的高素质人才。
                </div>
              </div>
              <div class="col-12 col-xl-10">
                <div class="row row-cols-2 row-cols-md-3 row-cols-xl-6 gy-3">
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-1.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">18000<sup>+</sup></h2>
                        <p class="fs-sm mb-2 text-truncate">在校生人数</p>
                      </div>
                    </div>
                  </div>
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-2.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">40<sup>+</sup></h2>
                        <p class="fs-sm mb-2 text-truncate">招生专业</p>
                      </div>
                    </div>
                  </div>
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-3.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">100<sup>+</sup></h2>
                        <p class="fs-sm mb-2 text-truncate">实训教室</p>
                      </div>
                    </div>
                  </div>
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-4.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">41<sup>+</sup></h2>
                        <p class="fs-sm mb-2 text-truncate">全国高职院校排名</p>
                      </div>
                    </div>
                  </div>
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-5.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">98<sup>%</sup></h2>
                        <p class="fs-sm mb-2 text-truncate">就业去向落实率</p>
                      </div>
                    </div>
                  </div>
                  <div class="col">
                    <div class="card border-0 bg-light link-hover-warning">
                      <div class="card-body text-center px-2">
                        <img
                          src="/assets/images/page/about/ico-6.png"
                          alt=""
                          title=""
                          class="w-50"
                        />
                        <h2 class="h3 text-primary my-2">
                          8300<sup>m<sup>2</sup></sup>
                        </h2>
                        <p class="fs-sm mb-2 text-truncate">图书馆面积</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="container mb-3 mb-xl-5">
            <div class="row align-items-center gy-3 gy-xl-4">
              <div class="col-12 col-xl-5 offset-xl-1">
                <img
                  src="/assets/images/page/about/intro-2.jpg"
                  alt="郑州城市职业学院"
                  title="郑州城市职业学院"
                  class="rounded"
                />
              </div>
              <div class="col-12 col-xl-5">
                <div class="mb-3">
                  <h2 class="text-primary">强化内涵 专业设置紧跟时代前沿</h2>
                  <p class="fs-sm">
                    REINFORCING CONNOTATIONS MAJORS KEEPING UP WITH TIMES
                  </p>
                </div>
                <p class="lh-2 text-justify">
                  学校提早布局BIM技术、绿色建筑、人工智能、新一代信息技术等前沿科技，共开办40余个专业及方向，形成了计算机应用技术、学前教育、电子商务、建筑工程技术、智能制造等五大特色专业（群），紧密对接国家新兴产业及人才紧缺行业，专业输送当下社会热门行业的专精尖人才。学校建筑工程技术、汽车检测与维修技术等多个专业入选“省级专业综合改革试点”“省级职业教育特色院校项目骨干专业”；学校《民航英语》教材入选获批“十四五”首批职业教育河南省规划教材建设立项。
                </p>
              </div>
              <div class="col-12 col-xl-5 offset-xl-1">
                <div class="mb-3">
                  <h2 class="text-primary">全国唯一 独占前沿稀缺专业资源</h2>
                  <p class="fs-sm">
                    NATIONAL EXCLUSIVE FRONTIER SCARCE PROFESSIONAL RESOURCES
                  </p>
                </div>
                <p class="lh-2 text-justify">
                  学校是全国唯一开设耐火材料专业的高职院校，聘请全国知名的耐材行业专家——郑州大学二级教授、博士生导师叶国田担任首任院长，与地方政府共建集教学、科研、检测一体现代化的耐火材料实验实训室，专门为耐材企业培养工程师和高级管理人才。深度绑定国内最大的耐材企业——利尔集团，匹配专项奖学金，作为招录人才着重培养。
                </p>
              </div>
              <div class="col-12 col-xl-5">
                <img
                  src="/assets/images/page/about/intro-3.jpg"
                  alt="郑州城市职业学院"
                  title="郑州城市职业学院"
                  class="rounded"
                />
              </div>
              <div class="col-12 col-xl-5 offset-xl-1">
                <img
                  src="/assets/images/page/about/intro-4.jpg"
                  alt="郑州城市职业学院"
                  title="郑州城市职业学院"
                  class="rounded"
                />
              </div>
              <div class="col-12 col-xl-5">
                <div class="mb-3">
                  <h2 class="text-primary">产教融合 国际视野结合本土实践</h2>
                  <p class="fs-sm">INTEGRATION OF INDUSTRY AND EDUCATION</p>
                </div>
                <p class="lh-2 text-justify">
                  郑州城市职业学院是本地职业特色教育的先行者，学校专注培育学生的国际化视野和国际水准的职业竞争力，与蓝桥、新荣记、超凡等各行业的一流企业建立了共管共建、协同共育的校企合作关系，打通了从人才培养到实习实践，再到就业转化的畅通渠道，实现在校与工作岗位零距离对接。
                </p>
              </div>
              <div class="col-12 col-xl-5 offset-xl-1">
                <div class="mb-3">
                  <h2 class="text-primary">直通名企 更快实现500强就业</h2>
                  <p class="fs-sm">EMPLOYMENT IN FAMOUS ENTERPRISES</p>
                </div>
                <p class="lh-2 text-justify">
                  现提供有 100
                  余家稳定的实习就业企业，聚焦中国建筑、中国石油、华为、京东等世界
                  500
                  强企业资源，毕业即高起点入职，高质量就业，应届毕业生最高年薪可达
                  20 万元。学校毕业生就业去向落实率(就业率)连续五年保持在 98%
                  以上，高于全国平均水平 7
                  个百分点。专升本上岸率连年上升，帮助学生在这里成就更好的自己。
                </p>
              </div>
              <div class="col-12 col-xl-5">
                <img
                  src="/assets/images/page/about/intro-5.jpg"
                  alt="郑州城市职业学院"
                  title="郑州城市职业学院"
                  class="rounded"
                />
              </div>
            </div>
          </div>

          <div class="section intro-contest">
            <div class="container">
              <div class="row align-items-center gy-3">
                <div class="col-12 col-xl-5 offset-xl-1">
                  <div class="bg-contest p-5 rounded">
                    <div class="text-white">
                      <h1 class="display-1 text-white mb-2">
                        300<span class="fs-base">项</span>
                      </h1>
                      <p class="mb-2">顶级综合性学科赛事大奖</p>
                      <p class="mb-3 mb-xl-5">
                        包含教育部认可的56项顶级学科赛事
                      </p>
                    </div>
                    <div class="row row-cols-2 g-4">
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r1.jpg"
                          alt="“蓝桥杯”全国软件和信息技术专业人才大赛"
                          class="rounded"
                        />
                      </div>
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r2.jpg"
                          alt="“全国数字艺术设计大赛"
                          class="rounded"
                        />
                      </div>
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r3.jpg"
                          alt="“蓝桥杯”全国软件和信息技术专业人才大赛"
                          class="rounded"
                        />
                      </div>
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r4.jpg"
                          alt="“全国大学生计算机设计大赛"
                          class="rounded"
                        />
                      </div>
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r5.jpg"
                          alt="“全国高校 BIM 毕业设计大赛"
                          class="rounded"
                        />
                      </div>
                      <div class="col">
                        <img
                          src="/assets/images/page/about/intro-r6.jpg"
                          alt="“全国大学生创新体验竞赛"
                          class="rounded"
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div class="col-12 col-xl-5">
                  <div class="mb-3">
                    <h2 class="text-primary">以赛促学 “OBE”教学模式硕果累累</h2>
                    <p class="fs-sm">
                      PROMOTING LEARNING BY COMPETITION OBE TEACHING MODEL
                      FRUITFUL
                    </p>
                  </div>
                  <p class="lh-2 text-justify">
                    郑州城市职业学院持续深化教学改革，落实“OBE”(结果导向)教学理念，前瞻性地把握现代社会的人才需求，成立“先行者工作室”等团队，一对一导师指导，带领学生参加各类科技前沿的专业技能竞赛，培养学生实践能力和终身学习能力，帮助竞赛获奖者推荐名企就业，开拓了学校独有的高质量就业捷径。
                  </p>
                  <p class="lh-2 text-justify">
                    学校师生在“蓝桥杯”全国软件和信息技术专业人才大赛、全国高校
                    BIM 毕业设计大赛、全国数字创意教学技能大赛等教育部认可的 56
                    项顶级综合性学科赛事中获大量国奖。
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="section">
            <div class="container">
              <div class="row align-items-center gy-3">
                <div class="col-12 col-xl-5 offset-xl-1">
                  <div class="mb-3">
                    <h2 class="text-primary">花园学校 体验书院制多元生活</h2>
                    <p class="fs-sm">
                      A MODERN GARDEN-LIKE SCHOOL LETTING YOU EXPERIENCE
                      ACADEMY-BASED DIVERSE LIFE
                    </p>
                  </div>
                  <p class="lh-2 text-justify">
                    郑州城市职业学院配备了 100
                    多个设备先进的实验实训场馆，美食荟萃的“全省高校标准化示范性学生食堂”和温馨如家的“全省高校标准化酒店式学生公寓”；立足书院制生活模式，共享客厅、共享自习室、图书馆咖啡厅等共存于生活空间，实现社区文化“共建共享”的育人空间，使学生成为更懂人文和生活、更具情商的人，被学生称为“建在花园里的学校”。
                  </p>
                </div>
                <div class="col-12 col-xl-5">
                  <img
                    src="/assets/images/page/about/intro-8.jpg"
                    alt="郑州城市职业学院"
                    title="郑州城市职业学院"
                    class="rounded"
                  />
                </div>
              </div>
            </div>
          </div>
          <div class="section intro-honor">
            <div class="container">
              <div class="row justify-content-center">
                <div class="col-12 text-center">
                  <h2 class="text-primary">学校荣誉</h2>
                  <p class="fs-sm">VALUE</p>
                </div>
                <div class="col-12 col-xl-10">
                  <div
                    class="slider-element px-3 pt-3 pt-lg-5 brand-logo rounded z-2"
                    data-swiper-options="{'autoplay': {'delay': 1200,'pauseOnMouseEnter': true},'breakpoints': {'0': {'slidesPerView': 3,'grid': {'rows': 2},'spaceBetween': 10},'1000': {'slidesPerView': 5,'grid': {'rows': 2},'spaceBetween': 10},'1200': {'slidesPerView': 8,'grid': {'rows': 2},'spaceBetween': 10}},'loop': true,'grabCursor': true,'navigation': {'prevEl': '.swiper-button-prev','nextEl': '.swiper-button-next','disabledClass': 'swiper-button-disabled'},'pagination': {'el': '.swiper-pagination','clickable': true}}"
                  >
                    <div class="swiper pb-5">
                      <div class="swiper-wrapper">
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                        <div class="swiper-slide">
                          <img
                            src="/assets/images/page/about/h01.png"
                            class="img-fluid"
                            alt=""
                          />
                        </div>
                      </div>
                      <div class="swiper-btn swiper-btn-1 mt-0">
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="container my-5">
            <div class="row align-items-center gy-3 gy-xl-4">
              <div class="col-12 col-xl-5 offset-xl-1">
                <img
                  src="/assets/images/page/about/intro-9.jpg"
                  alt="郑州城市职业学院"
                  title="郑州城市职业学院"
                  class="rounded"
                />
              </div>
              <div class="col-12 col-xl-5">
                <div class="mb-3">
                  <h2 class="text-primary">双高职教 建设职业本科大学</h2>
                  <p class="fs-sm">
                    CONSTRUCTION OF VOCATIONAL UNDERGRADUATE UNIVERSITIES
                  </p>
                </div>
                <p class="lh-2 text-justify">
                  面向未来，郑州城市职业学院将继续坚持党的教育方针，坚持社会主义办学方向，遵循高等教育发展规律，顺应职业教育改革发展大势，聚焦职业本科发展定位，锚定“双高工程”和“职业本科专业点”总体目标，服务地方社会经济发展，紧跟岗位(群)能力层次上移，技术领域集成度、复合度提升的趋势，围绕生产领域较复杂问题和复杂技能操作开展人才培养，突出知识与技能的高水平和高层次，努力建设职业本科大学。
                </p>
              </div>
            </div>
          </div>
        </div>
      </section>

      <footer class="section" id="footer">
        <div class="container">
          <div class="row align-items-md-end align-items-lg-center">
            <div
              class="col-12 col-md-5 col-lg-4 col-xl-5 text-center text-md-start"
              data-animate="animate__slideInLeft"
            >
              <img
                src="/assets/images/logo-dark.png"
                alt="郑州城市职业学院"
                class="logo"
              />
              <div class="m-3 mt-mb-4 mb-md-0">
                中国 · 河南 · 郑州<br />
                <i class="novem-icons nvm-icon-phone"></i> 0371-69213333<br />
                <i class="novem-icons nvm-icon-phone"></i>
                0371-68506666（招生咨询）
              </div>
            </div>

            <div
              class="d-none d-lg-block col-lg-3"
              data-animate="animate__fadeInUp"
            >
              <div class="row">
                <div class="col">
                  <h6>常用链接</h6>
                  <ul>
                    <li><a href="#">教育部</a></li>
                    <li><a href="#">河南省教育厅</a></li>
                    <li><a href="#">知网</a></li>
                    <li><a href="#">图书馆</a></li>
                    <li><a href="#">继续教育学院</a></li>
                  </ul>
                </div>
                <div class="col">
                  <h6>常用功能</h6>
                  <ul>
                    <li><a href="#">教务系统</a></li>
                    <li><a href="#">OA系统</a></li>
                    <li><a href="#">企业邮箱</a></li>
                    <li><a href="#">校历</a></li>
                    <li><a href="#">学校标识</a></li>
                  </ul>
                </div>
              </div>
            </div>

            <div
              class="col-12 col-md-7 col-lg-5 col-xl-4 text-center"
              data-animate="animate__slideInRight"
            >
              <div class="row gx-1">
                <div class="col">
                  <img
                    src="/assets/images/social/weixin.jpg"
                    alt="官方微信公众号"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://mp.weixin.qq.com/mp/appmsgalbum?__biz=MzA5OTg2OTE1Ng==&amp;action=getalbum&amp;album_id=2393721616590782469&amp;scene=126#wechat_redirect"
                    target="_blank"
                    title="官方微信公众号"
                    rel="noopener"
                    >官方微信公众号</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/weibo.jpg"
                    alt="官方微博"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://weibo.com/u/7674037481"
                    target="_blank"
                    title="官方微博"
                    rel="noopener"
                  >
                    官方微博
                  </a>
                </div>
                <div class="col">
                  <img
                    src="/assets/images/social/douyin.jpg"
                    alt="官方抖音"
                    class="img-fluid"
                  />
                  <br />
                  <a
                    href="https://www.douyin.com/user/MS4wLjABAAAA-mZeYz7hw538fARR5-TR4kWrgXUvTimwVBNRwuS56dFTdjo5f9umgGEbrcdeXxud"
                    target="_blank"
                    title="官方抖音"
                    rel="noopener"
                    >官方抖音</a
                  >
                </div>
                <div class="col">
                  <img
                    src="/assets/images/jubao.jpg"
                    class="img-fluid"
                    alt="廉洁举报中心"
                  />
                  <br />
                  <a
                    href="http://szxingaojiao.com/Z_WX/15_Report/ReportMain.aspx?schoolName=郑州城市职业学院"
                    title="廉洁举报中心"
                    rel="noopener"
                    >廉洁举报中心</a
                  >
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="copyrights" data-animate="animate__fadeInUp">
          <div class="container border-top opacity-50">
            <div class="row">
              <div class="col text-md-center">
                <div class="copyright-links">
                  版权所有 © 2023 郑州城市职业学院
                  <a
                    href="https://beian.miit.gov.cn/"
                    target="_blank"
                    rel="noopener"
                  >
                    豫ICP备12014925号-1
                  </a>
                  /
                  <a
                    href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=41018302000187"
                    target="_blank"
                    rel="noopener"
                  >
                    豫公网安备 41018302000187号
                  </a>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </main>

    <!-- Scroll top -->
    <div class="btn-scroll-top" id="gotoTop" data-mobile="true">
      <svg class="progress-square w-100 h-100" viewBox="0 0 40 40">
        <path
          d="M8 1H32C35.866 1 39 4.13401 39 8V32C39 35.866 35.866 39 32 39H8C4.13401 39 1 35.866 1 32V8C1 4.13401 4.13401 1 8 1Z"
        ></path>
      </svg>
    </div>
    <script>
      var nvmOptions = {
        jsFolder: "/assets/js/",
        cssFolder: "/assets/css/",
        bdhmID: "186aa1bb1368d7e0c66d1ea6e3f590ad",
      };
    </script>
    <script src="/assets/js/theme.js"></script>
  </body>
</html>
